
// .backAll{
//   width:100%;
//   height:100%;
//   background : url("../imgs/nav/navBack.png") no-repeat;
//   position:relative;
//   header{
//     margin:0 auto;
//     text-align:center;
//     padding-top:10%;
//   }
//   @media screen and (max-width: 1500px) {
//     header{
//       margin:0 auto;
//       text-align:center;
//       padding-top:3%;
//     }
//   }
//   footer{
//     background: url("../imgs/login/logoBottom.png") no-repeat;
//     background-size:100% 100%;
//     position:absolute;
//     height:60px;
//     bottom:0;
//     left:0;
//     width:100%;
//     line-height:60px;
//     text-align:center;
//     font-size:13px
//   }

//   .login-container {
//     -webkit-border-radius: 5px;
//     border-radius: 5px;
//     -moz-border-radius: 5px;
//     background-clip: padding-box;
//     position:absolute;
//     top:50%;
//     left:50%;
//     width: 450px;
//     height:400px;
//     margin-left:-230px;
//     margin-top:-170px;
//     padding: 40px 60px 15px 60px;
//     background: url("../imgs/login/loginPanel.png") no-repeat;
//     background-size:100% 100%;
//     h3{
//       font-weight:normal;
//       margin:5px 0 15px;
//       font-size:18px;
//       color:#222;
//     }
//     .title {
//       margin: 0 auto 40px auto;
//       text-align: center;
//       color: #505458;
//     }
//     .el-form-item{
//       margin:5px 0 15px;
//       position:relative;
//       img.imgTip{
//         position:absolute;
//         width:17px;
//         top:10px;
//         left:8px;
//       }
//     }
//     .inputLabel{
//       width:20%;
//     }
//     .inputImg{
//       width:15%;
//     }
//     .remember {
//       margin: 0 0 35px 0;
//     }
//     .loginArea{
//       width:100%;
//       margin-top:20px;
//       button{
//         background: url("../imgs/login/loginBtn.png") no-repeat;
//         background-size:100% 100%;
//         color:#fff;
//         height:60px;
//         font-size:20px;
//         font-weight:700;
//         border:none;
//         width:100%;
//       }
//     }
//     #checkImage{
//       position: absolute;
//       height:30px;
//       width:100px;
//       top: 5px;
//       right: 5px;
//       cursor:pointer;
//     }
//   }
// }
.container{
  height: 100%;
}
.bgHeader{
  width: 100%;
  // height:48%;
  height: 56%;
  background: #fff;
  // background: url('../../imgs/login/bg01.png'); 
  position: relative;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 1;
  .logintitle{
      position: absolute;
      bottom: 24px;
      font-size:3em;
      color: #fff;
      font-weight: 600;
      left:50%;
      margin-left: -132px;
  }
}
.bgBody{
  width: 100%;
  // height: 52%;
  height: 40%;
  background-image: linear-gradient(#52B7F5, #52B7F5, #50b7c1);
  // background: url('../../imgs/login/bg03.png') no-repeat;
  background-size: 100%;
  position: relative;
  //  新增
  .gbContent {
    position: relative;
    background: #F6F6FC;
    width: 371px;
    height: 100%;
    margin: auto;
    bottom: 282px;
    z-index: 99999;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
    box-shadow: 1px 1px 5px #52b7f5;
    .logintitle{
      position: absolute;
      top: 16px;
      font-size:3em;
      color: #fff;
      font-weight: 600;
      left:50%;
      margin-left: -132px;
    }
    
  }
  .loginForm{
    position: absolute;
    left: 50%;
    width: 310px;
    top: 98px;
    margin-left: -150px;
    input.el-input__inner{
      height: 30px!important; 
      background-color: rgb(232, 240, 254)!important;
   }
   .el-form-item{
     margin-bottom: 18px!important;
   }   
   .el-input-group__prepend{
     background-color:#FFFFFF;
     width: 80px;
     .userIcon {
       display: inline-block;
       width: 24px;
       height: 25px;
       background: url('../../imgs/login/login-Logo.png') 24px -1px;
       vertical-align: middle;
       position: relative;
       top: -3px;
     }
     .lockIcon {
       display: inline-block;
       width: 24px;
       height: 25px;
       background: url('../../imgs/login/login-Logo.png') 24px -58px;
       vertical-align: middle;
       position: relative;
       top: -3px;
     }
     .barcodeIcon {
       display: inline-block;
       width: 24px;
       height: 25px;
       background: url('../../imgs/login/login-Logo.png') 24px -114px;
       vertical-align: middle;
       position: relative;
       top: -3px;
     }
     span {
         display: inline-block;
         height: 38px;
         line-height: 38px;
         width: 42px;
         text-align: left;
     }
   } 
   .btn{
     background-color:#3889fc;
     border: 0;
     color:#FFFFFF;
     font-size: 16px;
     box-shadow: 1px 2px 8px #3889fc;
   }
   i{
     margin-right: 10px
   }
  }
  .copyrightView {
    position: absolute;
    left: 50%;
    width: 310px;
    bottom: 20px;
    margin-left: -150px;
    color: #F9F9F9;
    text-align: center;
    font-size:12px;
  }
  .el-input-group__append img{
    margin:-6px -20px;
    vertical-align: middle
  }   
}
